.g-sidebar{
  margin-right: 20px;
  padding-bottom: 20px;
  width: 250px;
  border-radius: 5px ;
  box-shadow: 0 0 1px rgba(187,187,187,0.5);
  background-color: #fff;
  .m-icon{
    display: flex;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    height: 50px;
    border-bottom: 1px solid #eee;
    .s-icon{
      display: inline-block;
      margin-right: 20px;
      width: 18px;
      height: 18px;
      overflow: hidden;
      text-indent: 2000px;
      cursor: pointer;
      &.s-icon-search{
        background-position: 0 -26px;
      }
      &.s-icon-temp{
        background-position: -28px -26px;
      }
      &.s-icon-server{
        background-position: -56px -26px;
      }
    }
  }
  .item{
    h1{
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0;
      padding-left: 24px;
      padding-right: 24px;
      height: 60px;
      background: url(../../_common/imgs/icon_select_open.png) no-repeat 200px  center;
      font-size: 18px;
      color: #444;
      cursor: pointer;
      &.closed{
        background: url(../../_common/imgs/icon_select_open.png) no-repeat 200px  center;
      }
      i.s-icon{
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 12px;
        &.s-icon-menu-myshop {
          background-position: 0 0;
        }
        &.s-icon-menu-shoporg {
          background-position: -28px 0;
        }
        &.s-icon-menu-service {
          background-position: -56px 0;
        }
        &.s-icon-menu-third {
          background-position: -84px 0;
        }
      }
    }
    li.son{
      list-style: none;
      .son-item{
        display: block;
        padding-left: 52px;
        height: 50px;
        border-left: 3px solid #fff;
        line-height: 50px;
        font-size: 16px;
        color: #999;
        text-decoration: none;
        &.current{
          border-left: 3px solid #1BBC9B;
          color: #1BBC9B;
        }
      }
    }
  }
}
